<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div>
				<button>我是添加按钮，我一直在</button>
			</div>

			<div>
				<button id="show" v-show="deleteButton">我是删除按钮，我通过v-show控制显隐</button>
				<button v-on:click="deleteButton=true">设置显示</button>
				<button v-on:click="deleteButton=false">设置隐藏</button>
			</div>
			<div>
				<button id="if" v-if="editButton">我是修改按钮，我通过v-if控制显隐</button>
				<button v-on:click="editButton = true">设置显示</button>
				<button v-on:click="editButton = false">设置隐藏</button>
			</div>
		</div>
	</body>
	<script src="../Node/vue.js"></script>
	<script type="text/javascript">
		var vm = new Vue({
			el: '#app',
			data() {
				return {
					deleteButton: true,
					editButton: true
				}
			}
		})
	</script>
</html>
